@charset "UTF-8";


/**----------------------------------用户界面UserInterface大类：控制元素上的鼠标形状、缩放比例、元素外的线条轮廓、轮廓宽度、轮廓样式，以及元素的导航顺序、导航方向等等------------------------------------------**/


/**
目录分类：
	bc-ui-c[-类型][类别]：cursor，设置元素上的鼠标形状。按优先顺序排列，以英文逗号分隔。
	bc-ui-z[类别]：zoom，设置元素的缩放比例。
	bc-ui-o[类别]：outline，设置元素外的线条轮廓，复合属性。语法格式：outline：[outline-width]||[outline-style]||[outline-color]
	bc-ui-ow[类别]：outline-width，设置元素外的线条轮廓的宽度。注意：如果outline-style设置为none，本属性将失去作用。
	bc-ui-os[-类型][类别]：outline-style，设置元素外的线条轮廓的样式。注意：如果outline-width等于0，本属性将失去作用。
	bc-ui-oc[类别]：outline-color，设置元素外的线条轮廓的颜色。
	bc-ui-oo[类别]：outline-offset，设置元素外的线条轮廓偏移位置的数值。
	bc-ui-ni[类别]：nav-index，设置元素的导航顺序。此属性可作为HTML4/XHTML1中元素属性tabindex的替代品。可惜的是目前还没有浏览器支持此属性。
	bc-ui-nu[类别]：nav-up，设置元素的导航方向。与nav-index属性一起使用，用于指示在当前元素上做向上导航时(单击向上方向键)的下一个焦点元素。
	bc-ui-nr[类别]：nav-right，设置元素的导航方向。与nav-index属性一起使用，用于指示在当前元素上做向右导航时(单击向右方向键)的下一个焦点元素。
	bc-ui-nd[类别]：nav-down，设置元素的导航方向。与nav-index属性一起使用，用于指示在当前元素上做向下导航时(单击向下方向键)的下一个焦点元素。
	bc-ui-nl[类别]：nav-left，设置元素的导航方向。与nav-index属性一起使用，用于指示在当前元素上做向左导航时(单击向左方向键)的下一个焦点元素。
	bc-ui-bs[类别]：box-sizing，设置元素的盒模型组成模式。
	bc-ui-r[类别]：resize，设置元素的可见区域是否允许用户缩放，调节元素尺寸大小。
*/



/**
设置元素上的鼠标形状：
格式：
	bc-ui-c[-类型][类别]
说明：
	前缀为bc-ui-c，代表：cursor，设置元素上的鼠标形状。按优先顺序排列，以英文逗号分隔。
	类别为数字编号，用于定义各种不同的cursor类型。
类型：
	0|a：auto，默认值，浏览器设置的光标。
	1|n：none，不显示鼠标。
	2|d：default，默认光标，通常是一个斜向左上方向的粗箭头。
	3|cm：context-menu，由上下文决定鼠标形状。
	4|h：help，求助光标，通常是一个问号或一个气球。
	5|p：pointer，指针光标，竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
	6|pr：progress，进度光标，带有沙漏标记的箭头光标。用于标示一个进程正在后台运行中。
	7|w：wait，等待光标，用于标示程序忙需要用户等待的光标。通常是沙漏或手表的形状。
	8|ce：cell，格子光标，此光标指示某对象为单元格。
	9|cr：crosshair，十字线光标。
	10|t：text，水平文本光标，用于标示可编辑的水平文本的光标。通常是大写字母I的形状。
	11|vt：vertical-text，垂直文本光标，用于标示可编辑的垂直文本的光标。通常是大写字母I 旋转90度的形状。
	12|al：alias，代表“快捷链接”。
	13|c：copy，可复制光标。用于标示对象可被复制。
	14|m：move，十字箭头光标。用于标示对象可被移动。
	15|nd：no-drop，不可拖拽光标，此光标指示某对象“不可拖拽”。
	16|na：not-allowed，禁用光标，代表“禁用、不可操作”。
	17|er：e-resize，向右可拉伸光标，此光标指示矩形框的边缘可被向右（东）移动。
	18|nr：n-resize，向上可拉伸光标，此光标指示矩形框的边缘可被向上（北）移动。
	19|ner：ne-resize，向右上可拉伸光标，此光标指示矩形框的边缘可被向上及向右移动（北/东）。
	20|nwr：nw-resize，向左上可拉伸光标，此光标指示矩形框的边缘可被向上及向左移动（北/西）。
	21|sr：s-resize，向下可拉伸光标，此光标指示矩形框的边缘可被向下移动（北/西）。
	22|ser：se-resize，向右下可拉伸光标，此光标指示矩形框的边缘可被向下及向右移动（南/东）。
	23|swr：sw-resize，向左下可拉伸光标，此光标指示矩形框的边缘可被向下及向左移动（南/西）。
	24|wr：w-resize，向左可拉伸光标，此光标指示矩形框的边缘可被向左移动（西）。
	25|ewr：ew-resize，用于标示对象可被改变尺寸方向的箭头光标。
	26|nsr：ns-resize，用于标示对象可被改变尺寸方向的箭头光标。
	27|neswr：nesw-resize，用于标示对象可被改变尺寸方向的箭头光标。
	28|nwser：nwse-resize，用于标示对象可被改变尺寸方向的箭头光标。
	29|cr：col-resize，有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
	30|rr：row-resize，有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
	31|as：all-scroll，有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
*/
.bc-ui-c0, bc-ui-c-a{
	cursor: auto;
}
.bc-ui-c1, bc-ui-c-n{
	cursor: none;
}
.bc-ui-c2, bc-ui-c-d{
	cursor: default;
}
.bc-ui-c3, bc-ui-c-cm{
	cursor: context-menu;
}
.bc-ui-c4, bc-ui-c-h{
	cursor: help;
}
.bc-ui-c5, bc-ui-c-p{
	cursor: pointer;
}
.bc-ui-c6, bc-ui-c-pr{
	cursor: progress;
}
.bc-ui-c7, bc-ui-c-w{
	cursor: wait;
}
.bc-ui-c8, bc-ui-c-ce{
	cursor: cell;
}
.bc-ui-c9, bc-ui-c-cr{
	cursor: crosshair;
}
.bc-ui-c10, bc-ui-c-t{
	cursor: text;
}
.bc-ui-c11, bc-ui-c-vt{
	cursor: vertical-text;
}
.bc-ui-c12, bc-ui-c-al{
	cursor: alias;
}
.bc-ui-c13, bc-ui-c-c{
	cursor: copy;
}
.bc-ui-c14, bc-ui-c-m{
	cursor: move;
}
.bc-ui-c15, bc-ui-c-nd{
	cursor: no-drop;
}
.bc-ui-c16, bc-ui-c-na{
	cursor: not-allowed;
}
.bc-ui-c17, bc-ui-c-er{
	cursor: e-resize;
}
.bc-ui-c18, bc-ui-c-nr{
	cursor: n-resize;
}
.bc-ui-c19, bc-ui-c-ner{
	cursor: ne-resize;
}
.bc-ui-c20, bc-ui-c-nwr{
	cursor: nw-resize;
}
.bc-ui-c21, bc-ui-c-sr{
	cursor: s-resize;
}
.bc-ui-c22, bc-ui-c-ser{
	cursor: se-resize;
}
.bc-ui-c23, bc-ui-c-swr{
	cursor: sw-resize;
}
.bc-ui-c24, bc-ui-c-wr{
	cursor: w-resize;
}
.bc-ui-c25, bc-ui-c-ewr{
	cursor: ew-resize;
}
.bc-ui-c26, bc-ui-c-nsr{
	cursor: ns-resize;
}
.bc-ui-c27, bc-ui-c-neswr{
	cursor: nesw-resize;
}
.bc-ui-c28, bc-ui-c-nwser{
	cursor: nwse-resize;
}
.bc-ui-c29, bc-ui-c-cr{
	cursor: col-resize;
}
.bc-ui-c30, bc-ui-c-rr{
	cursor: row-resize;
}
.bc-ui-c31, bc-ui-c-as{
	cursor: all-scroll;
}




/**
设置元素的缩放比例：
格式：
	bc-ui-z[类别]
说明：
	前缀为bc-ui-z，代表：zoom，设置元素的缩放比例。
	类别为数字编号，用于定义各种不同的zoom类别。
*/
.bc-ui-z0{
	/*示例：默认值，实际大小。*/
	zoom: normal;
}
.bc-ui-z1{
	/*示例：放大一倍*/
	zoom: 2;
}
.bc-ui-z2{
	/*示例：放大一倍*/
	zoom: 200%;
}




/**
设置元素外的线条轮廓：
格式：
	bc-ui-o[类别]
说明：
	前缀为bc-ui-o，代表：outline，设置元素外的线条轮廓，复合属性。语法格式：outline：[outline-width]||[outline-style]||[outline-color]，其中，outline-style是必须的。
	类别为数字编号，用于定义各种不同的outline类别。
*/
.bc-ui-o0{
	/*示例：*/
	outline: 2px solid #CCCCCC;
}
.bc-ui-o1{
	/*示例：*/
	outline: 2px dashed rgba(0,182,0,0.6);
}




/**
设置元素外的线条轮廓的宽度：
格式：
	bc-ui-ow[类别]
说明：
	前缀为bc-ui-ow，代表：outline-width，设置元素外的线条轮廓的宽度。
	类别为数字编号，用于定义各种不同的outline-width类别。
注意：
	如果outline-style设置为none，本属性将失去作用。
*/
.bc-ui-ow0{
	/*默认值，默认宽度的轮廓。*/
	outline-width: medium;
}
.bc-ui-ow1{
	/*比默认宽度更细些的轮廓。*/
	outline-width: thin;
}
.bc-ui-ow2{
	/*比默认宽度更粗些的轮廓。*/
	outline-width: thick;
}
.bc-ui-ow3{
	/*示例：。*/
	outline-width: 10px;
}




/**
设置元素外的线条轮廓的样式：
格式：
	bc-ui-os[-类型][类别]
说明：
	前缀为bc-ui-os，代表：outline-style，设置元素外的线条轮廓的样式。
	类别为数字编号，用于定义各种不同的outline-style类型。
注意：
	如果outline-width等于0，本属性将失去作用。
类型：
	无：solid，实线轮廓。
	0|n：none，默认值，无轮廓。outline-width与outline-color将被忽略
	1|s：solid，实线轮廓。
	2|h：hidden，隐藏边框。IE7及以下尚不支持
	3|d1：dotted，点状轮廓。IE6下显示为dashed效果
	4|d2：dashed，虚线轮廓。
	5|d3：double，双线轮廓。两条单线与其间隔的和等于指定的outline-width值。
	6|g：groove，3D凹槽轮廓。
	7|r：ridge，3D凸槽轮廓。
	8|i：inset，3D凹边轮廓。
	9|o：outset，3D凸边轮廓。
*/
.bc-ui-os{
	outline-style: solid;
}
.bc-ui-os0, .bc-ui-os-n{
	outline-style: none;
}
.bc-ui-os1, .bc-ui-os-s{
	outline-style: solid;
}
.bc-ui-os2, .bc-ui-os-h{
	outline-style: hidden;
}
.bc-ui-os3, .bc-ui-os-d1{
	outline-style: dotted;
}
.bc-ui-os4, .bc-ui-os-d2{
	outline-style: dashed;
}
.bc-ui-os5, .bc-ui-os-d3{
	outline-style: double;
}
.bc-ui-os6, .bc-ui-os-g{
	outline-style: groove;
}
.bc-ui-os7, .bc-ui-os-r{
	outline-style: ridge;
}
.bc-ui-os8, .bc-ui-os-i{
	outline-style: inset;
}
.bc-ui-os9, .bc-ui-os-o{
	outline-style: outset;
}




/**
设置元素外的线条轮廓的颜色：
格式：
	bc-ui-oc[类别]
说明：
	前缀为bc-ui-oc，代表：outline-color，设置元素外的线条轮廓的颜色。
	类别为数字编号，用于定义各种不同的outline-color颜色。
*/
.bc-ui-oc0{
	/*示例：默认值，使用背景色的反色。该参数值目前仅在IE及Opera下有效。*/
	outline-color: invert;
}
.bc-ui-oc1{
	/*示例：红色。*/
	outline-color: #FF0000;
}
.bc-ui-oc2{
	/*示例：*/
	outline-color: rgba(0,182,0,0.6);
}




/**
设置元素外的线条轮廓偏移位置的数值：
格式：
	bc-ui-oo[类别]
说明：
	前缀为bc-ui-oo，代表：outline-offset，设置元素外的线条轮廓偏移位置的数值。
	类别为数字编号，用于定义各种不同的outline-offset类别。
*/
.bc-ui-oo0{
	/*示例：*/
	outline-offset: 0px;
}
.bc-ui-oo1{
	/*示例：*/
	outline-offset: 5px;
}
.bc-ui-oo2{
	/*示例：*/
	outline-offset: 10px;
}




/**
设置元素的导航顺序：
格式：
	bc-ui-ni[类别]
说明：
	前缀为bc-ui-ni，代表：nav-index，设置元素的导航顺序。
	类别为数字编号，用于定义各种不同的导航顺序类别。
*/
.bc-ui-ni1{
	nav-index: 1;
}
.bc-ui-ni2{
	nav-index: 2;
}
.bc-ui-ni3{
	nav-index: 3;
}
.bc-ui-ni4{
	nav-index: 4;
}
.bc-ui-ni5{
	nav-index: 5;
}
.bc-ui-ni6{
	nav-index: 6;
}
.bc-ui-ni7{
	nav-index: 7;
}
.bc-ui-ni8{
	nav-index: 8;
}
.bc-ui-ni9{
	nav-index: 9;
}
.bc-ui-ni10{
	nav-index: 10;
}




/**
设置元素的盒模型组成模式：
格式：
	bc-ui-bs[类别]
说明：
	前缀为bc-ui-bs，代表：box-sizing，设置元素的盒模型组成模式。
	类别为数字编号，用于定义各种不同的box-sizing类别。
类型：
	无：content-box，默认值。
	1|cb：content-box：此属性表现为标准模式下的盒模型。padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和，即 ( Element width = width + border + padding )
    2|bb：border-box：此属性表现为怪异模式下的盒模型。 padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值，即使定义有border和padding也不会改变对象的实际宽度，即 ( Element width = width )
*/
.bc-ui-bs{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-xv-box-sizing: content-box;
	-o-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.bc-ui-bs1, .bc-ui-bs-cb{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-xv-box-sizing: content-box;
	-o-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}
.bc-ui-bs2, .bc-ui-bs-bb{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-xv-box-sizing: border-box;
	-o-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}




/**
设置元素的可见区域是否允许用户缩放，调节元素尺寸大小：
格式：
	bc-ui-r[类别]
说明：
	前缀为bc-ui-r，代表：resize，设置元素的可见区域是否允许用户缩放，调节元素尺寸大小。
	类别为数字编号，用于定义各种不同的resize类别。
类型：
	0|n：none，默认值，不允许用户调整元素大小。
	1|b：both，用户可以调节元素的宽度和高度。
	2|h：horizontal，用户可以调节元素的宽度。
	3|v：vertical，用户可以调节元素的高度。
*/
.bc-ui-r0, bc-ui-r-n{
	resize: none;
}
.bc-ui-r1, bc-ui-r-b{
	resize: both;
}
.bc-ui-r2, bc-ui-r-h{
	resize: horizontal;
}
.bc-ui-r3, bc-ui-r-v{
	resize: vertical;
}

